<div id="modal-login" class="modal fade" role="dialog" tabindex="-1" aria-hidden="true" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                <h4 class="modal-title">Bạn cần đăng nhập trước</h4>
            </div>
            <div class="modal-body">

                <div class="row">
                    <div class="col-sm-10 col-sm-push-7">
                        <div class="page-header">
                            <h3>
                                <i class="fa fa-dot-circle-o"></i> Đăng nhập nhanh
                                <span class="page-header-under success"></span>
                            </h3>
                        </div>
                        <div class="marginbottom20">
                            <a href="<?php echo $this->createUrl('/user/page/login', array('service' => 'facebook'))?>" data-trigger="hover" data-placement="top" rel="popover" class="openid_popup decoration-none" data-content="Đăng nhập tài khoản Facebook">
                                <i class="fa fa-facebook-square fa-4x text-primary"></i>
                            </a>

                            <a href="<?php echo $this->createUrl('/user/page/login', array('service' => 'google'))?>" data-trigger="hover" data-placement="top" rel="popover" class="openid_popup decoration-none" data-content="Đăng nhập bằng tài khoản Google">
                                <i class="fa fa-google-plus-square fa-4x text-danger"></i>
                            </a>
                        </div>
                    </div>

                    <div class="col-sm-14 col-sm-pull-5">   
                        <div class="page-header">
                            <h3>
                                <i class="fa fa-sign-in"></i> Đăng nhập
                                <span class="page-header-under danger"></span>
                            </h3>
                        </div>
                        <form class="form-horizontal" action="<?php echo $this->createUrl('/user/page/login')?>" method="post">
                            <div class="form-group">
                                <label for="LoginFormModal_username" class="col col-sm-8 control-label required">Email/Số ĐT <span class="required">*</span></label>
                                <div class="col-sm-16">
                                    <input class="form-control" type="text" id="LoginFormModal_username" name="LoginForm[username]" maxlength="255" placeholder="Email/Số ĐT">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="LoginFormModal_password" class="col col-sm-8 control-label required">Mật khẩu <span class="required">*</span></label>
                                <div class="col-sm-16">
                                    <input class="form-control" type="text" id="LoginFormModal_password" name="LoginForm[password]" maxlength="255" placeholder="Mật khẩu">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-8 col-sm-16">
                                    <button class="btn btn-primary" type="submit">
                                        <i class="fa fa-sign-in"></i> Đăng nhập
                                    </button>     
                                </div>
                            </div>   

                            <div class="form-group">
                                <div class="col-sm-offset-8 col-sm-16">
                                    <a href="<?php echo $this->createUrl('/user/page/create')?>" class="decoration-none" rel="tooltip" data-placement="top" title="Đăng ký tài khoản mới">
                                        <span class="label label-success"><i class="fa fa-pencil-square-o"></i> Đăng ký</span>
                                    </a>
                                    <a href="<?php echo $this->createUrl('/user/page/forgot')?>" class="decoration-none" rel="tooltip" data-placement="top" title="Bạn không nhớ mật khẩu của mình ?">
                                        <span class="label label-warning"><i class="fa fa-retweet"></i> Quên mật khẩu</span>
                                    </a>
                                </div>
                            </div>
                        </form>

                    </div>

                </div>



            </div><!-- /.modal-content -->
            <div class="modal-footer">
                <button data-dismiss="modal" class="btn btn-default modal-login-close" type="button">Đóng</button>
            </div>
        </div><!-- /.modal-dalog -->
    </div>
</div>